@import 'nib'

$spaceBetweenTiles = 16px
.fa-plus::before {
    content: "";
}
.bg
   background: #0e74af
.bg1
   background:#dedede
.board-label
    font-weight: normal
    line-height: 56px
    color: #fff

    background: linear-gradient(180deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.2)) !important
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-box-align: center;
    -ms-flex-align: center;
    align-items: center;
.board-list
  margin: 0 ($spaceBetweenTiles/2)
  li
    float: left
    width: 236px;
    box-sizing: border-box
    position: relative
    opacity: 0.8
    color:#666

    &.placeholder:after
      content: '';
      display: block;
      background: darken(white, 20%)
      border-radius: 3px;
      height: 70px;
      margin: 8px;

    &.ui-sortable-helper
      cursor: grabbing
      transform: rotate(4deg)
      display: block !important

    &.starred
      .fa-star,
      .fa-star-o
        opacity: 1

    &:hover
        opacity: 1.0

  .board-list-item
    display:flex
    overflow: hidden;
    background-color: #fff
    color: #666
    min-height: 70px
    font-size: 14px
    line-height: 22px
    border-radius: 5px
    font-weight: 700
    padding: 8px
    margin: ($spaceBetweenTiles/2)
    position: relative
    text-decoration: none
    word-wrap: break-word

    &.tile
      background-size: auto
      background-repeat: repeat

  .board-list-item-sub-name
    color: rgba(255, 255, 255, .5)
    display: block
    font-size: 14px
    font-weight: 400
    line-height: 22px

  .board-list-item-desc
    color: #fff
    display: block
    font-size: 14px
    font-weight: 400
    line-height: 18px

  .js-add-board
    text-align:center

  .js-add-class
    display:table
    color:#fff

  .js-add-mindmap
    text-align:center

  .board-list .js-add-class
    display: table

  .label
    font-weight: normal
    line-height: 56px
    background-color: #999;
    display: flex
    justify-content: center
    align-items: center
    color：#fff !important
    :hover
      background-color:#fff

  .fa-star,
  .fa-star-o
    bottom: 0;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    opacity: 0;
    padding: 9px 9px;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 0.15s;
    transition-property: color, font-size, background
  .fa-circle
    bottom: 0;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    padding: 9px 9px;
    position: absolute;
    right: 0;
    transition-duration: .15s
    transition-property: color, font-size, background

  .has-overtime-card-active
    color: #eb4646 !important

  .no-overtime-card-active
    color: #3cb500 !important

  .is-star-active
    color: red

  .fa-clone
    position: absolute;
    bottom: 0
    font-size: 14px
    height: 18px
    line-height: 18px
    opacity: 0
    right: 0
    padding: 9px 9px
    transition-duration: .15s
    transition-property: color, font-size, backgroundbash
    transition-duration: .15s
    transition-property: color, font-size, background

  .fa-archive
    position: absolute;
    bottom: 0
    font-size: 14px
    height: 18px
    line-height: 18px
    opacity: 0
    left: 0
    padding: 9px 9px
    transition-duration: .15s
    transition-property: color, font-size, background

  li:hover a
    &:hover
      .fa-star,
      .fa-clone,
      .fa-archive,
      .fa-star-o
        color: red

    .fa-star,
    .fa-clone,
    .fa-archive,
    .fa-star-o
      color: white
      opacity: .75

      &:hover
        font-size: 18px
        opacity: 1

      &.is-star-active
        opacity: 1

.board-backgrounds-list

  .board-background-select
    box-sizing: border-box
    display: block
    float: left
    width: 50%
    padding-top: 12px
    position: relative
    z-index: 1

    &:nth-child(-n + 2)
      padding-top: 0

    &:nth-child(2n)
      padding-left: 6px

    &:nth-child(2n+1)
      padding-right: 6px

    .background-box
      color: white
      border-radius: 3px
      background-size: cover
      display: block
      height: 74px
      position: relative
      width: 100%
      cursor: pointer
      display: flex
      align-items: center
      justify-content: center

      i.fa-check
        font-size: 25px
        color: white
.wrapper
  position: relative
  overflow-x: hidden
  overflow-y: auto

.lg-container
  display: flex
  //height:695px;
  -webkit-box-orient: horizontal
  -webkit-box-direction: normal
  flex-direction: row
  flex-wrap: nowrap
  -webkit-box-align: start
  align-items: flex-start
  margin-right: auto
  margin-left: auto
  margin:0 auto
  padding-left: 15px
  padding-right: 15px
  max-width: 1200px
  margin-top:48px

.entSidebar:nth-child(1)
  display:none;

.ent-sidebar
  visibility: visible
  width: 250px
  height:665px
  color: #fff
  height: 90%;
  z-index: 1000
  font-weight: 300
  background: rgba(0,0,0,.1)
  margin: 5% auto;

.detailsOne
  color:#666

.navlist
  color:#fff
  width:100%
  height:40px
  line-height:40px
  box-sizing:border-box
  padding:0px 18px
  display:flex
  justify-content: space-between;
  align-items:center

.navlist span

  display:inline-block
  -webkit-transform:rotate(-90deg);
  transition: all 0.5s

.list2
  display:inline-block
  margin-left:7px

ul.nav
  display:block
  overflow: hidden;

ul.nav1

ul.nav .navlist1
  padding-left: 55px
  box-sizing:border-box
  color: #fff;
  width: 100%;
  height: 40px;
  line-height: 40px


.navlist:hover
  background: rgba(0,0,0,0.1);
  cursor:pointer

.navlist1:hover
  background: rgba(0,0,0,0.1);
  cursor:pointer

.icon-zhankai1
  margin-left:0px !important

.navlist2
    color: #fff
    width: 100%
    height: 40px
    line-height: 40px
    box-sizing: border-box
    text-align:center;



.aside
  -webkit-box-flex: 0
  flex-grow: 0
  flex-shrink: 0

.aside1
  -webkit-box-flex: 0
  flex-grow: 0
  flex-shrink: 0
  display:block
  display:none

@keyframes mymove
    0%
      width:250px
    100%
      width:50px

@keyframes mymove1
    0%
      width:50px
    100%
      width:250px


.fold
  animation:mymove 0.3s
  animation-fill-mode:forwards

.fold1
  -webkit-animation:mymove1 0.3s
  animation-fill-mode:forwards

.navlists
    width: 250px
    position: fixed
    height:100%







.home-content
  position: relative
  margin-left: 270px

.centent
  -webkit-box-flex: 0
  flex-grow: 1
  flex-shrink: 1

.boardlist-section
  padding-top: 2%
  margin-bottom:10px

.board_category
    margin-left: 30px
    color: #fff
    position: relative
    margin-bottom: 6px;

.categoray-name
  position: absolute
  top: 3px
  left: -25px

.h5
  display: inline-block
  margin-top: auto

.row
  margin-left: -15px
  margin-right: -15px
@font-face
  font-family: "iconfont";
  src: url('iconfont.eot?t=1618971991763'); /* IE9 */
  src: url('iconfont.eot?t=1618971991763#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMsAAsAAAAACFwAAALgAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqEQINwATYCJAMMCwgABCAFhG0HQhs6B8gekiSIwAHH4aAAAJUQD19j7f3dPXG8QRKNNPHppKuQSFKpVBKUaKFaaXj30O9/dekPkB3AjRTagMAOABikO5afTqEpCg8rcZGmdmwnoqkd06ljZzdAAAvVP+4d/3Ue2HxAgaQ81raxJnUBdfHkgMYYIJEsoCzDNFBuGLuJ8iDOE2iakidor6NnBCIVYFogjl0ODSJTaqWGFOqyasnaIq6EqaeL9B7AJX99/EFJkSSVDFy0f9RuQtPXx7+fQsRAmMmCGM8IbRMZy0Ah+qXmfSGhd1mIpuMNNQ3WNSz4+mTb4OsjZa/2D4+QiCoQ3wbzojI5Iw4WOzWO6JNw7puooo5HAP8SMeYqymo0YMkfPnv7I/Pse5v06jldenGfCi9/iO9lcPymXD59qZQrlvz8OSa9+5l1+UuRf/0aV++fla6uxd1c+fbd+j0SMzu+eehQ2x5Q1bAwPG9AiKbdlBTZOeI0v2kIPcMfETIoKrlpyhOiuq8StDAPan9AUVNSpKyBMVAP55WgVllrF/HLOcvxVPcaEt27Obt7UPqDMKNmAajL55mrA37L6BPC5+Pq/kfKBXxePxoX84oM9ddhCX4tp2VVcXlAk4vNxmzfkh0kIiQ0XZsBYB/xp790vHU8oW48hqRmErK6aaQQy1DRsgJVdZvQtETZ3DKKCRGlgUXbAoQhjyHpeoJsyAekEL+hYsI/qBoqBJr6kbRny2wuqZVhjWMT6avIZVA/QTouBYlD2LHo1ViSx8ljmAVcDlRcUJQNKNiP2RgLAkuOEs4JIoz6UIdwGfZ6KbIYdWODFzg5t2oKC0nZjQoM6gPJLgbTcJgJ0a1CXAyUH6GNOSn3/CGYwyIvDaup6DCOwZgAV+9IsQJFLRBF7G9VcS2DA5Y4lOA4Ik8iGMoH6RCNmBd6KcQqH+WGGbgCzh5uS41CqRZpKy6YX+p7vk3QBK7IkSJHUT9x+c18n2bFBJH5BrVWAQA=') format('woff2'),
  url('iconfont.woff?t=1618971991763') format('woff'),
  url('iconfont.ttf?t=1618971991763') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1618971991763#iconfont') format('svg'); /* iOS 4.1- */


@font-face
  font-family: "iconfont"
  src: url('iconfont.eot?t=1618381458455') /* IE9 */
  src: url('iconfont.eot?t=1618381458455#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1618381458455') format('woff'),
  url('iconfont.ttf?t=1618381458455') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1618381458455#iconfont') format('svg'); /* iOS 4.1- */

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1618415030031'); /* IE9 */
  src: url('iconfont.eot?t=1618415030031#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPQAAsAAAAACIQAAAOCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqEQINkATYCJAMQCwoABCAFhG0HSBtWB8iuMTaGVk8IQjvWbI65ZWmoNzfyqYawKIInWvu92Z29u2+aJCGWtIplvLol0e7NUsRDh0jFQ+f+V5d+BwgVoqMxwOyz4Fh+OjnMYzKMRIVlha2d2rk8cM6FdWAl4IDrx9v4HEnJP+iCb2ktfjzgcoEGl2J492CSchrDAPeNiW1t83O3eckZTLbGAGb+1wBFUP0OjqV+WoPl2du/QoFkxoKiEmhAEc1PtE0YN4xdeRFvQ4AoFZWU3v7eUQhDMS4SQFYWmQphKTNaUysECF7JnQpyCQQTmFPoC3Dh/738QXNhgMFZMK4cmDYMjY+/7PBOt8OsiwAk4zkBdh9YoAmgIAul7imBYbpJIFGlOIh2QGD+xMAHf2g/7UbSvagD9C8PLAYB8cCojgPQilT2xCS2ONYYZMLAl0pv4E0KQACkgDuAVzBwJWwGH69QHAJ7VmCUsny1TBEO26T8cpFcXO1SxXQ/egqLn50h4OZShJ/fFHj3OrlTRSBnjQLutpHoeQ1aHX/Hl0j89pY5GVff75LbVfQfl+W9h21pfrcoG8ecNbuPJeR1vXM3HXMTkyPJc/N4XBmKTul2bTJeMBdSlUWrdCx2bNRu+BzJtu82VM6SW94KbsdTstaagNEXIsAcdYcu4z9afxqlArjunWK1i/o61v/CAvqYHM82VxtXNrfCI6B2HwlfzDFopD9LJqOnTslenf4X/M2r74f/5b5NmzM/w0ga6IxGcwKNgNBA1N0FhAX+U3/9LE4OGtAgtvaHuewd7246+aHQINpLfp1EkfxjScsRqsoMi6ost8VapbIhFF5ZLVGiwJ/NQ9aPMbwFEDuFgEsgGHzKYAmoQiq2KeKIsadq8AjogBClUcf9MXKEQETDARocAhDSXsGQ5BksaZ+Qiv0OjqJ/4JEuEKKMlfjEGDU5oy1bRJUEI/sqcmrcRy2bjAhqhwkzPKpIynzKOBF+ZwxZwzib6yA+Isa4xr/EbFJSRAX3onbwPuLxcKQL7iKaNDmk1KvNUVnWJ5PGvRBBD4FQSQSG2K1CnDScD3XXliJyvz+MYAweKlEzrMI6jhD8nIdHrEwsLZAdal+rYddyvN8SxkaSKD6PEjgvpB06CY+Z5hC9/DQXQiOZOHokddXMaCzaVm2aX+t9wgeAKMYTVAKUQCVICYbo9qLKVw2HY6wKjQp8zGuEroklPrfqBAAAAA==') format('woff2'),
  url('iconfont.woff?t=1618415030031') format('woff'),
  url('iconfont.ttf?t=1618415030031') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1618415030031#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1618470225911'); /* IE9 */
  src: url('iconfont.eot?t=1618470225911#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAP8AAsAAAAACQgAAAOwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqFIIQqATYCJAMUCwwABCAFhG0HThu8BxHVm/3Ivj6wjZmPfTmUuFbn+FG/MFMY7Ba2dDQOgVnFNfd98Dzfn3buez/pD1SI+6GZzDjpkLu2Iy1h7ACnAQJkQAdAL9AA4lrbDLeMqjBMSTzvp2X2blNSyo80wBBtgCKoftkLzPw/x1IvrcHy29mpFEh2YK1S93xvQBGN945sA9nAeMvwqkPcAbwOAeykKiYNGrXogImBfp4AMmLo4L6YCRNGSbVgIliBWw2R5Vgw1WJ1GSzzfl7esExQWDT6pW0GNRxAnWfyop/2h6OHg0DcnwNg7wINFAMDZBzoGoEOUsU0dvnvDOoAdkwU6pk8cz3r/6JfOKzIVqSxG+K1/ONpFIgVXeXE2DppA56JpcRTu7AIUvfHTGh40S+NAs7rVrADXnAXfNZx2U4TFBFYk2PEixBOv3bKdHuGa3cEt6Gcldv82x0utWF7aGecdlXt3LRj8rpAbOzaYHSH1f6YjmtCcXHJeXSSwc7gYdSGIzmu0DHRgaNd/Nvs9uAOkcBOhyO0nf5lvPmPOFxVx5KmGdb2qwO3h4o67wwUdtoRzO+wzV8w3R3cEdiZ56nY7t/WzV0ZkR2ekKmTF0L5kmP69e/i403Z3sLZVJNdU0e5mmR1840apbZlzXeNGlVnWFYT54TxdLG7mHPv6OnY0ap7/lxPw5fPDBQD6Rtu38DGMTZ5UXKsc9Bxmk+xzS7wDfIdsrycCPLxrscHOUvXdbdj+3OzfOvqLJw1c2qdKTNnBYdQ4+eKvVZ2tY2eulp2LUa5qtj05Qm/yvtQ9n5M+Zj3ZR/urTeWXho/MZ4pAITpk7oegAqpabw+TTrrQnj9X/uP/A4Drx+7t6fGNxMDgMdbtfVCYQbtNea9cgv8EfsZGsDgpLrRYkgqDcssB4JcwRgi4I6KX37ff+CL9LQfTUztShBMYiJQRJACGpNspIEtDltwsK5KsGJSG4OdIo3vdhBlHBoxbECh+QgEr72gcHMMNF5XkAb2CViI9Q6seNNgp5NEPdJBLp8t6jPOghssf7Ar7cq0SuFX31FfYea41KO8kU8bhbZq0tkb7sh9XHF+dCeiQDFFGNDbMASCg8nhKpUROfq6VtCcqpViUlCfcRbcwPIHdqVdOTtLkfn+O+orzFwyVGZ9I5/24KBVaWogb6q91tC5HH1+dEdEUWcppggG7MBgpAgc8EkOV6mYFomjV5NRqq6qGl8Tr/EewI7+GIso0WKIRazoITMVU6xt+F+BoUyZvF3HK50mFO1+tkkC') format('woff2'),
  url('iconfont.woff?t=1618470225911') format('woff'),
  url('iconfont.ttf?t=1618470225911') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1618470225911#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont
  font-family: "iconfont" !important
  font-size: 20px
  font-style: normal
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale

.icon-mind-map:before {
  content: "\e7ce";
}
.icon-xiaoyuhao-:before {
  content: "\e762";
}

.icon-xiangmu:before {
  content: "\e563";
}

.icon-zhankai:before {
  content: "\e50d";
}

.icon-hao:before {
  content: "\e501";
  font-size:14px;
  font-weight:bolder;
}

.navlist1>span{
  margin-left:43px
  font-size:12px
}
.icon-yonghu2:before
  content: "\e625"
  color:#fff

.icon-zhankai
  margin-left:200px;

.icon-xiaoyuhao-
  -webkit-transform:rotate(-90deg)

.mindMap-list-item
  overflow: hidden
  background-color: #fff
  min-height: 70px
  font-size: 16px
  line-height: 22px
  border-radius: 3px
  display: block
  font-weight: 700
  padding: 8px
  margin: ($spaceBetweenTiles/2)
  position: relative
  text-decoration: none
  word-wrap: break-word

  &.tile
    background-size: auto
    background-repeat: repeat

.name
  padding-left: 8px
  -webkit-box-flex: 1
  flex: 1

.elli
  overflow: hidden
  text-overflow: ellipsis
  white-space: nowrap
  word-break: keep-all
